<template>
	<view>
		<view class="allbody" @click="qwe(item)">
			<view class="border">{{item.event_name}}</view>
			<image class="img" :src="imgUrl+imgId" mode="aspectFill" @load="onoff='1'" v-show="onoff=='1'"></image>
			<image class="img" src="/static/loading.gif" v-show="onoff=='0'" mode="aspectFill"></image>
			<view class="actTitle">{{item.name}}</view>
			<view class="introduce">{{item.introduce}}</view>
			<image class="right" src="https://img01-xusong.91q.com/CD666A47-2B8C-497E-9B64-EF74E60610DB.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"associationCard_heng",
		props:{
			item:{},
			imgId:'',
		},
		mounted() {
				 uni.$on('unpate_value', (data) => {
					 //使用我们的全局事件总线进行操作（解决父子组件直接的传递问题）
					      // 不用箭头函数this指向有问题，找不到this.value1
					      this.actInformation = data
					   })
			},
			created() {
			
			},
			data() {
				return {
					imgUrl:'https://www.codingyt.com/getImage/',
					associationInformation:[],
					onoff:0,
				};
			},
			methods:{
				qwe(e){
					
					uni.navigateTo({
						url: './association?msg='+JSON.stringify(e),
					})
				},
				
			}
		}
</script>

<style>
	.allbody{
		position: relative;
		left: 40rpx;
		margin-bottom: -135rpx;
		
	}
	.border{
		border-bottom: 1px solid rgba(187, 187, 187, 0.5);
		width: 375px;
		position: relative;
		top: 90px;
	}
	.img{
		width: 210rpx;
		height: 150rpx;
		border-radius: 14rpx;
		
	}
	.actTitle{
		left: 200rpx;
		top: -160rpx;
		position: relative;
		width: 400rpx;
		height: 40rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 32rpx;
		text-align: left;
		  ;
		padding-left: 30rpx;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;  
	}
	.association{
		width: 200rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 30rpx;
		text-align: left;
		  ;
		left: 232rpx;
		top: -154rpx;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1; 
	}
	.introduce{
		width: 288rpx;
		height: 100rpx;
		color: rgba(155, 155, 155, 100);
		font-size: 24rpx;
		text-align: left;
		  ;
		left: 232rpx;
		top: -146rpx;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;  
	}
	.right{
		width: 48rpx;
		height: 48rpx;
		left: 650rpx;
		top: -240rpx;
		position: relative;
	}
	/* .bottomLine{
		position: relative;
		top: -150rpx;
		left: -24rpx;
		width: 750rpx;
		border-bottom: 1rpx solid rgba(187, 187, 187, 100);

	} */
</style>
